<template>
  <div class="crumbs">
    <div class="Current">
      <router-link to="/">
        <img src="../assets/images/index_icon.jpg" width="15" height="13" class="index_icon" />
        首页
      </router-link> >
      <span>{{ crumbs_title }}</span>
    </div>
  </div>
</template>

<script>
export default {
  name: 'Crumbs',
  props: ['crumbs_title'],
  methods: {
  }
}
</script>

<style scoped lang="less">
// 面包屑
.crumbs{
  width: 100%;
  height: 35px;
  background-color: #ececec;
  .Current{
    width: 980px;
    height: 100%;
    margin: 0 auto;
    text-align: left;
    font-size: 12px;
    padding-left: 10px;
    line-height: 35px;
    a{
      color: #8b8b8b;
      text-decoration: none;
      padding: 0 3px 0 3px;
    }
    span{
      color: #667fbc;
      padding-left: 3px;
    }
  }
}
</style>
